<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页</title>

    <!--自定义样式-->
    <link rel="stylesheet" type="text/css"
          th:href="@{/css/my.css}">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css"
          th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
</head>
<body>
<!--页头-->
<div class="header mb10">
    <div class="container">
        <div class="row header-logo">
            <div class="col-sm-6 col-md-4" >
                <a th:href="@{/}" style="display: block;">
                    <img th:src="@{/img/logo.png}" class="img-responsive" alt="Responsive image">
                </a>
            </div>
            <div class="hidden-xs hidden-sm col-md-4">
                <img th:src="@{/img/home.png}" class="img-responsive" alt="Responsive image" style="margin-top: 8%;">
            </div>

            <div class="col-sm-6 col-md-4">

                <!-- 搜索栏-->
                <div class="input-group" style="margin-top: 12%;">
                    <input type="text" class="form-control" placeholder="Search">
                    <span class="input-group-btn">

                    <button class="btn btn-default" type="button" style="">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>
                  </span>
                </div>
            </div>
        </div>

        <nav class="row header-nav" >
            <dig class="col-md-12">
                <ul class="nav nav-pills">
                    <li role="presentation" class="nav_button">
                        <a th:href="@{/}">首页</a>
                    </li>
                    <li role="presentation" class="nav_button">
                        <a th:href="@{/emp}">员工信息</a>
                    </li>
                    <li role="presentation" class="nav_button">
                        <a th:href="@{/dept}">部门信息</a>
                    </li>

                </ul>
            </dig>
        </nav>
    </div>
</div>
<!-- 主内内容窗体 -->
<div class="content mb10" >
    <div class="container" >


        <!-- 轮播图 -->
        <div class="row mb10" >
            <div class="col-md-12">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                    </ol>

                    <div class="carousel-inner" role="listbox">
                        <div class="item">

                            <img th:src="@{/img/c1.webp}"  data-holder-rendered="true">
                        </div>
                        <div class="item active">
                            <img th:src="@{/img/c2.webp}"  data-holder-rendered="true">
                        </div>
                        <div class="item">
                            <img th:src="@{/img/c3.webp}"  data-holder-rendered="true">
                        </div>
                    </div>

                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

            </div>
        </div>




        <hr/>

        <div class="row">
            <div class="col-md-3">
                <img th:src="@{/img/1.webp}"
                     class="img-responsive" alt="Responsive image">
                <h4>牡丹</h4>
                <p>一丛深花色,十户中人赋。</p>
            </div>


            <div class="col-md-3">
                <img th:src="@{/img/2.webp}"
                     class="img-responsive" alt="Responsive image">
                <h4>牡丹</h4>
                <p>一丛深花色,十户中人赋。</p>
            </div>
            <div class="col-md-3">
                <img th:src="@{/img/3.webp}"
                     class="img-responsive" alt="Responsive image">
                <h4>牡丹</h4>
                <p>一丛深花色,十户中人赋。</p>
            </div>
            <div class="col-md-3">
                <img th:src="@{/img/4.webp}"
                     class="img-responsive" alt="Responsive image">
                <h4>牡丹</h4>
                <p>一丛深花色,十户中人赋。</p>
            </div>
        </div>
    </div>
</div>
<!--页尾-->
<div class="footer">
    <div class="container">
        <div class="row footer-logo">
            <div class="col-md-4">
                <img th:src="@{/img/logo.png}" class="img-responsive" alt="Responsive image">
            </div>



            <div class="col-md-5 footer-a-distance" >
                <div class="col-md-3" >
                    <a href="#">学校简介</a>
                </div>
                <div class="col-md-3">
                    <a href="#">合作交流</a>
                </div>
                <div class="col-md-3">
                    <a href="#">招生工作</a>
                </div>
                <div class="col-md-3">
                    <a href="#">版权申请通道</a>
                </div>

            </div>


            <div class="col-md-8">

            </div>
        </div>
        <div class="row footer-right">
            <div class="col-md-3 footer-p" >
                    <p>
                        招生咨询热线：0316-2901888、0316-2901877
                    </p>
                </div>
            <div class="col-md-3 footer-p" >
                    <p> 河北省廊坊市开发区东方大学城一期圣陶路（主校区）</p>
                </div>
            <div class="col-md-2 footer-p" >
                    <p> 邮箱：oitoffice@126.com </p>
                </div>
            <div class="col-md-4 footer-p">
                <div class="row">
                    <div class="col-md-4">
                        <img th:src="@{/img/class.jpg}" class="img-responsive">
                    </div>
                    <div class="col-md-8">
                        冀ICP备17030115号-1 <br>
                        冀ICP备17030115号-1
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
